<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.org/ui"
                >

    <f:subview id="provaCriarEmbutido" rendered="#{fluxoExibicaoProva.exibirProvaCriacao}">
        <h:panelGrid columns="1" id="embProvaCriar" width="850" styleClass="center">
            <h:panelGroup id="provaPendente" rendered="#{provaCriacaoManager.provaPendente}">
                <h:form styleClass="center" style="margin-left: 50px;">
                    <p:commandLink actionListener="#{fluxoExibicaoProva.metodoExibirProvaResponde}" 
                                   immediate="true" update="conteudoCentralGroup,messages">
                        <h:panelGrid columns="2">
                            <h:graphicImage library="img" name="prova_24.png" title="#{msg.titleprovaPendente}"/>
                            <h:outputText value="#{msg.provaPendente}" styleClass="blue" title="#{msg.titleprovaPendente}"/>
                        </h:panelGrid>
                    </p:commandLink>
                </h:form>
            </h:panelGroup>
            <h:panelGroup id="provaLivre" rendered="#{!provaCriacaoManager.provaPendente}">
                <h:form id="formCadProva" styleClass="formularioFundo">
                    <h:panelGroup id="grupoCadProva" styleClass="colunaEsquerda">
                        <h:panelGrid columns="3" id="gridProvaCad" styleClass="bvb-font" cellspacing="3">
                            <f:facet name="header">
                                <h:outputText value="#{msg.cadProvaPanelGridTitle}" styleClass="formularioTitle"/>
                            </f:facet>

                            <h:outputLabel value="#{msg.certificacao}:*" id="labelCertificacao" title="#{msg.titleProvaCertificacaoCadastro}"/>
                            <h:selectOneMenu id="certificacaoProvaSelect" title="#{msg.titleProvaCertificacaoCadastro}" 
                                             value="#{provaCriacaoManager.certificacaoProva}" 
                                             required="true" requiredMessage="#{msg.campoObrigatorio}">
                                <f:selectItem itemLabel="#{msg.selecione}" itemValue=""/>
                                <f:selectItems value="#{provaCriacaoManager.certificacoesItens}"/>
                                <f:converter converterId="genericoConverter"/>
                                <p:ajax update="formCadProva" event="change" />
                            </h:selectOneMenu>
                            <p:message for="certificacaoProvaSelect"/>

                            <h:outputLabel value="#{msg.todoConteudo}:" title="#{msg.titleTodoConteudo}" id="labelTodoConteudo"/>
                            <h:selectBooleanCheckbox value="#{provaCriacaoManager.somenteMother}" id="titleTodoConteudo" title="#{msg.titleTodoConteudo}"
                                                     label="#{msg.todoConteudo}" disabled="#{provaCriacaoManager.certificacaoProva == null}">
                                <p:ajax event="click" update="versaoProvaSelect t1 t2 t3 qtdadeQuestoesProvaSelect buttonSalvar" listener="#{provaCriacaoManager.setVersaoProva(null)}"/>
                            </h:selectBooleanCheckbox>
                            <p:message for="titleTodoConteudo"/>
                            
                            <h:outputLabel value="#{msg.versao}:" id="labelVersao" title="#{msg.titleProvaVersaoCadastro}" />
                            <h:selectOneMenu id="versaoProvaSelect" title="#{msg.titleProvaVersaoCadastro}" 
                                             value="#{provaCriacaoManager.versaoProva}" disabled="#{provaCriacaoManager.certificacaoProva == null}"
                                             required="true" requiredMessage="#{msg.campoObrigatorio}">
                                <f:selectItem itemLabel="#{msg.selecione}" itemValue=""/>
                                <f:selectItems value="#{provaCriacaoManager.versoesItens}"/>
                                <f:converter converterId="genericoConverter"/>
                                <p:ajax update="t1 t2 t3 qtdadeQuestoesProvaSelect buttonSalvar" event="change" />
                            </h:selectOneMenu>
                            <p:message for="versaoProvaSelect" />

                            <h:outputLabel value="#{msg.linguagensQuestoes}:" id="labelLinguagem" title="#{msg.titleLinguagensQuestoes}" 
                                           />
                            <h:selectOneRadio value="#{provaCriacaoManager.linguagemQuestoes}" id="radioLinguagemSelect"
                                              label="#{msg.linguagensQuestoes}" title="#{msg.titleLinguagensQuestoes}"
                                              required="true" requiredMessage="#{msg.campoObrigatorio}"
                                              disabled="#{provaCriacaoManager.certificacaoProva == null}"
                                              styleClass="bvb-font"
                                              >
                                <f:selectItems value="#{provaCriacaoManager.linguagemItens}"/>
                                <f:converter converterId="linguagemConverter"/>
                            </h:selectOneRadio>
                            <p:message for="radioLinguagemSelect" />

                            <h:outputLabel value="#{msg.tipoProva}:" id="labelTipoProva" title="#{msg.titleTipoProvaProva}" 
                                           />
                            <h:selectOneMenu id="tipoProvaSelect" title="#{msg.titleTipoProvaProva}" 
                                             value="#{provaCriacaoManager.tipoProva}" 
                                             disabled="#{provaCriacaoManager.certificacaoProva == null}"
                                             required="true" requiredMessage="#{msg.campoObrigatorio}">
                                <f:selectItem itemLabel="#{msg.selecione}" itemValue=""/>
                                <f:selectItems value="#{provaCriacaoManager.tipoProvaItens}"/>
                            </h:selectOneMenu>
                            <p:message for="tipoProvaSelect" />

                            <h:outputLabel value="#{msg.qtdadeQuestoesProva}:" id="labelQtdadeQuestoes" title="#{msg.titleQtdadeQuestoesProva}" 
                                           />
                            <h:selectOneListbox id="qtdadeQuestoesProvaSelect" size="4" style="width: 100px"
                                                value="#{provaCriacaoManager.qtdadeQuestoesProva}" title="#{msg.titleQtdadeQuestoesProva}"
                                                disabled="#{provaCriacaoManager.versaoProva == null}"
                                                required="true" requiredMessage="#{msg.campoObrigatorio}">
                                <f:selectItems value="#{provaCriacaoManager.quantidadeQuestoes}"/>
                            </h:selectOneListbox>
                            <p:message for="qtdadeQuestoesProvaSelect" />

                            <h:outputText value="" />
                            <h:panelGroup id="buttonGroup" >
                                <p:commandLink actionListener="#{provaCriacaoManager.criarProva(event)}" update="conteudoCentralGroup,messages"
                                               title="#{msg.titleCriacaoProvaButton}" id="buttonSalvar" styleClass="ui-button_link"
                                               disabled="#{provaCriacaoManager.versaoProva == null}">
                                    <h:graphicImage library="img" name="bt_salvar.png"/>
                                </p:commandLink>
                                <p:spacer width="2" height="2"/>
                                <h:commandButton  title="#{msg.titleCriacaoClenProvaButton}" immediate="true" image="/resources/img/bt_limpar_red.png"
                                                  id="buttonLimpar"  actionListener="#{provaCriacaoManager.clean()}"
                                                  disabled="#{provaCriacaoManager.certificacaoProva == null}">
                                    <p:ajax update="formCadProva"></p:ajax>
                                </h:commandButton>
                            </h:panelGroup>
                        </h:panelGrid>
                    </h:panelGroup>
                    <h:panelGroup id="quantidadesQuestoes" styleClass="colunaDireita">
                        <h:panelGrid columns="2" styleClass="bvb-font">
                            <f:facet name="header">
                                <h:outputText value="#{msg.cadProvaQuestoesQuantidadePanelGridTitle}" styleClass="formularioTitle"/>
                            </f:facet>
                            <h:outputLabel value="#{msg.portuguesQuestoes}:" title="#{msg.cadProvaQuestoesQuantidadePanelGridTitle}"
                                           id="labelQtdadePortugues"/>
                            <h:outputText value="#{provaCriacaoManager.questoesPortugues}" title="#{msg.cadProvaQuestoesQuantidadePanelGridTitle}"
                                          id="t1"/>

                            <h:outputLabel value="#{msg.inglesQuestoes}:" title="#{msg.cadProvaQuestoesQuantidadePanelGridTitle}"
                                           id="labelQtdadeIngles"/>
                            <h:outputText value="#{provaCriacaoManager.questoesIngles}" title="#{msg.cadProvaQuestoesQuantidadePanelGridTitle}"
                                          id="t2"/>

                            <h:outputLabel value="#{msg.totalQuestoes}:" title="#{msg.titleProvaQtdadeTotalQuestoes}"
                                           id="labelQtdadeTotal"/>
                            <h:outputText value="#{provaCriacaoManager.totalQuestoesVersao}" title="#{msg.titleProvaQtdadeTotalQuestoes}"
                                          id="t3"/>
                        </h:panelGrid>
                    </h:panelGroup>
                </h:form>
            </h:panelGroup>
        </h:panelGrid>

    </f:subview>
</ui:composition>
